<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/register.css">

    <!-- 表单验证js插件 -->
    <script src="../lib/jquery.min.js"></script>
    <script src="../lib/jquery.validate.min.js"></script>
    <script src="../js/register.js"></script>
</head>
<body>
    <!-- 页头 -->
    <div class="header">
        <!-- 头部top区域 -->
        <div class="container-fluid bck000">
            <div class="head-top container clearfix cfff pr">
                <p class="fl pl210">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购&emsp; 请&nbsp;<a href="#" class="ti4">登录</a>&nbsp;\&nbsp;<a href="#"
                        class="ti4">注册</a></p>
                <div class="head-logo">
                        <img src="../imgs/logo.png" alt="">
                        <span class="fr">注册</span>
                </div>
            </div>
        </div>
        <div class="head-bottom container">
            <h2 class="fl">欢迎登陆</h2>
            <p class="fr fs18 ca6a6a6">已有账号，请<a href="#" class="c666 pl10">登录</a></p>
        </div>

    </div>

    <!-- 注册表单 -->
    <form action="#" class="register-form">
        <p class="clearfix">
            <label for="#" class="ti10">用户名</label>
            <input type="text" name="user" placeholder="您的账户名和登录名">
        </p>
        <p class="clearfix">
            <label for="#" class="ti10">设置密码</label>
            <input type="password" id="pwd" name="pwd" placeholder="建议设置两种字符密码">
        </p>
        <p class="clearfix">
            <label for="#" class="ti10">确认密码</label>
            <input type="password" name="confirm_pwd" placeholder="再次输入密码">
        </p>
        <p class="clearfix">
            <label for="#" class="ti10">中国+86  </label>
            <input type="text" placeholder="建议使用常用手机号">
        </p>
        <p class="clearfix">
            <label for="#" class="ti10">验证码</label>
            <input type="text" placeholder="请输入验证码">
            <img src="../imgs/vcode.jpg" alt="" class="p-img">
        </p>
        <p class="clearfix">
            <label for="#" class="ti10">手机验证码</label>
            <input type="text" placeholder="输入手机验证码">
            <span class="verify fr fs16">获取验证码</span>
        </p>
        <h3>
            <input type="checkbox" class="c-box">我已阅读并同意<span class="cf60">《京东用户注册协议》</span>
        </h3>
        <p class="clearfix">
            <input type="submit" placeholder="您的账户名和登录名" class="sub" value="立即注册">
        </p>
    </form>



    <!-- 页尾 -->
    <div class="container footer-bottom">
        <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
        <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
</body>
</html>